[data-scope="collapsible"][data-part="content"] {
  overflow: hidden;
  max-width: 400px;

  &[data-state="open"] {
    animation-name: fadeIn, expandHeight;
    animation-duration: 200ms;
    animation-timing-function: ease;

    &[data-has-collapsed-size] {
      animation-name: expandHeight;
    }
  }

  &[data-state="closed"] {
    animation-name: fadeOut, collapseHeight;
    animation-duration: 200ms;
    animation-timing-function: ease;

    &[data-has-collapsed-size] {
      animation-name: collapseHeight;
    }
  }
}

[data-scope="collapsible"][data-part="trigger"] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

[data-scope="collapsible"][data-part="indicator"] {
  &[data-state="open"] {
    transform: rotate(180deg);
  }
}
